<form class="form">

  <section class="form-block">
    <label>界面选项</label>

    <div class="form-group">
      <label for="t1">主题:</label>
      <div class="toggle-switch">
        <input name="dark" type="checkbox" id="dark" [(ngModel)]="gameService.game.options.dark" (change)="setCss()">
        <label for="dark">使用黑色皮肤</label>
      </div>
    </div>

    <div class="form-group">
      <label for="selects_1">顶部颜色</label>
      <div class="select">
        <select name="header" id="selects_1" [(ngModel)]="gameService.game.options.header">
          <option [class.darkFix]="gameService.game.options.dark">1</option>
          <option [class.darkFix]="gameService.game.options.dark">2</option>
          <option [class.darkFix]="gameService.game.options.dark">3</option>
          <option [class.darkFix]="gameService.game.options.dark">4</option>
          <option [class.darkFix]="gameService.game.options.dark">5</option>
          <option [class.darkFix]="gameService.game.options.dark">6</option>
          <option [class.darkFix]="gameService.game.options.dark">7</option>
        </select>
      </div>
    </div>

    <div class="form-group">
      <label for="t1">选择数字格式:</label>
      <div class="toggle-switch">
        <input type="checkbox" id="format" name="format" [(ngModel)]="gameService.game.options.usaFormat">
        <label for="format">开</label>
      </div>
    </div>

    <div class="form-group">
      <label for="numFormat">数字格式:</label>
      <div class="select">
        <select id="numFormat" name="numFormat" [(ngModel)]="gameService.game.options.numFormat" (change)="reformat()">
          <option value="T">标准</option>
          <option value="S">科学</option>
          <option value="E">工程</option>
          <option value="L">长时间尺度</option>
        </select>
      </div>
    </div>

    <div class="form-group" *ngIf="gameService.isKongregate">
      <label for="aForm_1">窗口尺寸:</label>
      <input type="number" id="width" name="width" placeholder="1050" [(ngModel)]="gameService.game.options.width"
        (change)="setSize()">
      <input type="number" id="height" name="height" placeholder="700" [(ngModel)]="gameService.game.options.height"
        (change)="setSize()">
    </div>

  </section>

</form>
